<template>
	<div>
		<div class="mineNav">
			<MineNav :navTitle="navTitle" />
		</div>
		<router-link :to="{name:'personIndex'}">
			<img class="leftArrow" src="../../../../assets/images/dynamicState/37/f-1.png" alt="" />
		</router-link>
		<p class="submitPass">保存</p>
        <div class="signatrue">
        	<textarea></textarea>
        	<p>30字</p>
        </div>
	</div>
</template>

<script>
	import MineNav from "../../public/mineNav"
	export default {
		data(){
			return{
				navTitle:"个性签名",
				dfjs:'',
				rowImg:require("../../../../assets/images/mine/47/rightRow.png"),
			}
		},
		components:{
			MineNav
		}
		
	}
</script>

<style scoped lang="less">
	@current: 100rem;
	.mineNav {
		height: 88/@current;
	}
	.leftArrow {
		position: fixed;
		top: 26/@current;
		left: 40/@current;
		z-index: 333;
		width: 22/@current;
	}
	.submitPass{
		position: fixed;
		top: 23/@current;
		right: 40/@current;
		z-index: 333;
		font-size:32/@current;
		color:white;
	}
	.signatrue{
		margin-top:20/@current;
		width:100%;
		position:relative;
		textarea{
			border:none;
			font-size:30/@current;
			width:100%;
			height:150/@current;
		}
		p{
		   font-size:28/@current;
		   color:#b5b0bf;	
		   position:absolute;
		   right:30/@current;
		   bottom:40/@current;
		}
		
	}

</style>